
*{box-sizing: border-box;}
body{font:12px/1.5 'Helvetica Neue', 'Luxi Sans', 'DejaVu Sans', Tahoma, 'Hiragino Sans GB', STHeiti, 'Microsoft YaHei';color:#697B8C;background-color:#f6f6f6;margin:0;padding:0;/*overflow-x: hidden;*/}
a{color:#697B8C;text-decoration:none;}
a:active,a:focus {text-decoration:none;color:#3366CC;}
a:hover{text-decoration:none;color:#3366CC;}
a:active,a:focus,input,select,textarea {outline:none;}
h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6{line-height:1;color:#444645;font-family:inherit;font-weight: normal;}
ul,ol {list-style-type:none}
li{*vertical-align:top;}
div,a,p,b,em,i,strong,span,img,ul,li,ol,dl,dt,dd,h1,h2,h3,h4,h5,h6,input,form{margin:0;padding:0;}
img{border:none;vertical-align:top;}
s,i,em{font-style: normal;text-decoration: none;}
input,select,textarea{outline: none;font-family:"microsoft YaHei" !important;}

.fl{float:left;text-align: left;}
.fr{float:right;}
.clearfix {zoom:1;}
.clearfix:after {content:".";display:block;height:0;visibility:hidden;clear:both;overflow: hidden;}
.o_f { overflow: hidden; }

article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary{display:block; }

.height_100 {
	height: 100%;
	overflow: hidden;
}
.cur_pointer {
    cursor: pointer !important;
}
.p_relative {
    position: relative;
}
.b_05 {
    border: 1px solid rgba(0,0,0,.05);
}
/*间距设置*/
.mb_0 {
    margin-bottom: 0 !important;
}
.mb_10 {
    margin-bottom: 10px !important;
}
.mb_20 {
    margin-bottom: 20px !important;
}
.mb_30 {
    margin-bottom: 30px !important;
}
.ml_10 {
    margin-left: 10px !important;
}
.ml_20 {
    margin-left: 20px !important;
}
.ml_30 {
    margin-left: 30px !important;
}
.ml_50 {
    margin-left: 50px !important;
}
.mr_10 {
    margin-right: 10px !important;
}
.pb_0 {
    padding-bottom: 0 !important;
}
.no-pd-t {
    padding-top: 0 !important;
}
/*主色调*/
.bg_c {
	background-color: #36C8E6 !important;  /*主背景颜色*/
}
.fz_c {
	color: #3366CC; /*字体颜色*/
}
.fz_c:hover {
    color: #0546c7;
}
.fc_red {
    color: #F5655C;
}
.fc_333 {
    color: #333;
}
.fc_999 {
	color: #999;
}
/*字体大小*/
.f_12 {
    font-size: 12px;
}
.f_13 {
    font-size: 13px;
}
.f_14 {
    font-size: 14px;
}
.f_16 {
    font-size: 16px;
}
.f_20 {
    font-size: 20px;
}
/*行高*/
.l_20 {
    line-height: 20px;
}
.l_30 {
    line-height: 30px;
}
/*多选框覆盖*/
.el-checkbox__input.is-checked .el-checkbox__inner, .el-checkbox__input.is-indeterminate .el-checkbox__inner{
	background-color: #fff;
    border-color: #3366cc !important;
}
.el-checkbox__input.is-indeterminate .el-checkbox__inner::before {
    background-color: #3366cc;
}

#mian{
	margin-left: 220px;
}



/*弹出框*/
.v-modal{
	position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: .5;
    background: #000;
    z-index: 1999;
}
.m_seniorscreen{
	z-index: 2000;
	position: fixed;
	width: 600px;
    top: 50%;
    left: 50%;
    margin-left: -300px;
    transform: translateY(-60%);
    text-align: center;
}
.m_seniorscreen .el-message-box__headerbtn {
	top: 25px;
	right: 20px;
	font-size: 20px;
}
.m_seniorscreen .el-message-box{
	width: 600px;
	border-radius: 0;
}

.m_seniorscreen .resize-triggers{
	z-index: 9999 !important;
}

.m_seniorscreen .el-message-box__title {
	color: #666;
	font-weight: 600;
	border-bottom: 1px solid #eee;
	line-height: 24px;
	padding-bottom: 15px;
}
.m_seniorscreen .el-message-box__header {
	padding: 23px 20px 0;
}
.m_seniorscreen .el-message-box__content {
	padding: 20px 20px 30px;
}
.el-message-box__wrapper.m_seniorscreen:after {
    content: "";
    display: inline-block;
    height: 100%;
    width: 0;
    vertical-align: middle;
}
.m_seniorscreen .el-message-box__btns{
	text-align: center;
	margin-bottom: 10px;
}
.m_seniorscreen .el-input{
	padding-left: 86px;
	display: block;
}
.m_seniorscreen .el-select {
	margin-left: 86px;
	display: block;
}
.m_seniorscreen .el-select .el-input {
	padding-left: 0;
}
.m_seniorscreen .el-input__inner {
	color: #222;
}
.v-form {
	margin-bottom: 10px;
}
.v-form label {
	float: left;
	font-size: 14px;
	color: #222;
	line-height: 40px;
}
.v-form label s {
	color: #f51919;
}
.el-select-dropdown {

}

/*定义滚动条高宽及背景 高宽分别对应横竖滚动条的尺寸*/
::-webkit-scrollbar
{
    width: 7px;
    height: 7px;
    background-color: #fff;
}

/*定义滚动条轨道 内阴影+圆角*/
::-webkit-scrollbar-track
{
    border-radius: 10px;
    background-color: #fff;
}

/*定义滑块 内阴影+圆角*/
::-webkit-scrollbar-thumb
{
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 3px rgba(0,0,0,.1);
    background-color: #f6f6f6;
}

/*盒子模型样式*/
.box {
    background: #fff;
    box-shadow: 0 0 5px rgba(165,167,168,.3);
    border-radius: 5px;
    margin-bottom: 20px;
}
.box .box-title {
    line-height: 60px;
    height: 60px;
    padding: 0 20px;
    border-bottom: 1px solid #EFEFEF;
}
.box .box-title h2 {
    float: left;
    line-height: 60px;
    font-size: 20px;
    color: #666;
}
.box .box-content {
    padding: 0 20px 15px;
    zoom: 1;
    clear: both;
}
.box .box-content:after {
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
    clear: both;
}
.box .box-content.no-padding {
    padding: 0;
}
.box .title-more {
    float: right;
    font-size: 14px;
    color: #666;
}
.message-center {
    position: fixed;
    top: 45%;
}
[v-cloak] {
    display: none;
}


/*页面标题样式*/
.page-header {
    font-size: 14px;
    height: 65px;
    background-color: #fff;
    line-height: 50px;
    position: relative;
    border-bottom: 1px solid #EFEFEF;
    padding: 10px 20px 14px;
}
.page-header .page-title {
    float: left;
    font-size: 24px;
    line-height: 50px;
    color: #000;
}
.page-header .breadcrumb {
    margin-left: 20px;
    float: left;
}
.page-header .breadcrumb span {
    padding: 0 5px;
}
.page-header .z-pop_question {
    float: left;
    margin-left: 5px;
}

    /*面包屑样式*/
/*.breadcrumb {
    float: left;
    font-size: 14px;
    margin-top: -10px;
    line-height: 30px;
    padding-bottom: 10px;
}
*/

/*文本超出显示...样式*/
.over-omitted {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/*列表页tooltip提示样式
.el-tooltip__popper.is-dark {
    padding: 5px;
    border: 1px solid #cdcdcd;
    background: #fff;
    box-shadow: 2px 2px 7px rgba(51,102,204,0.5);
    min-height: 30px;
    max-width: 450px;
    color: #666;
    margin-top: 4px;
    word-wrap: break-word;
    white-space: normal;
    word-break: break-all;
    overflow: hidden;
    font-size: 13px;
    line-height: 24px;
}
.table-tooltip.is-dark .popper__arrow {
    display: none;
}
*/

/*上传图片组件样式*/
.upload-image-box {
    position: relative;
    width: 150px;
    height: 150px;
    background: #fff;
    border: 1px solid #dcdfe6;
    border-radius: 4px;
    text-align: center;
    cursor: pointer;
}
.upload-image-box .upload-button {
    position: absolute;
    width: 100%;
    left: 0;
    top: 50%;
    color: #c0c4cc;
    margin-top: -30px;
    line-height: 20px;
    text-align: center;
    font-size: 12px;
}
.upload-image-box .el-icon-upload {
    display: block;
    font-size: 40px;
    line-height: 40px;
    margin: 0 auto;
}
.upload-image-box .upload-image {
    position: relative;
}
.upload-image-box .upload-image, .upload-image-box .upload-image img {
    width: 100%;
    height: 100%;
}
.upload-image-box .upload-image .upload-operate {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    line-height: 30px;
    height: 30px;
    text-align: center;
    overflow: hidden;
    color: #fff;
    background: rgba(0, 0, 0, 0.498039);
}
.el-upload .el-button {
    box-shadow: rgb(241, 241, 241) 1px 1px 1px;
}

/*无数据提示模块*/
.y_empty {
  position: relative;
  width: 100%;
  height: 100%;
  text-align: center;
  color: #b4bcc5;
  overflow: hidden;
  min-height: 200px;
  font-size: 12px;
}
.y_empty s {
  position: absolute;
  left: 50%;
  bottom: 50%;
  display: block;
  width: 96px;
  height: 67px;
  margin-left: -48px;
  background: url(../img/no_thing.png) center no-repeat;
}
.y_prev_bg s {
  background-image: url(../img/prev_bg.png);
}
.y_empty p {
  position: absolute;
  width: 100%;
  left: 0;
  top: 50%;
  margin-top: 15px;
}

/*查看页页面样式*/
.view-order {
    background: #ecf5ff;
    border: 1px solid #d6e5f6;
    padding: 5px 20px;
    font-size: 13px;
}
.view-order .view-item {
    padding: 5px 0;
    line-height: 22px;
}
.view-title {
    margin-top: 25px;
    margin-bottom: 10px;
}
.view-title .title_h {
    font-size: 16px;
    line-height: 1.5;
    font-weight: bold;
}
/* .main-content-body :first-child.view-title {
    margin-top: 5px;
} */
.table-view,.table-log {
    width: 100%;
    border: 1px solid #eee;
    font-size: 13px;
    border-collapse: collapse;
}
.table-view th {
    background: #FAFBFD;
    padding: 10px;
    border-top: 1px solid #eee;
}
.table-view td {
    padding: 10px 20px;
    border-top: 1px solid #eee;
}
.table-log th {
    background: #FAFBFD;
}
.table-log th .cell, .table-log td .cell {
    padding-left: 20px;
    padding-right: 20px;
}
.table-log tr:nth-child(even) {
    background: #FAFBFD;
}


/*tab 切换*/
.tab-content .tab-pane  {
    display: none;
}
.tab-content .tab-pane.active  {
    display: block;
}

/*美化模块点击复选框*/
.check_custom {
    white-space: nowrap;
    position: relative;
}
.check_custom input {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    opacity: 0;
    width: 100%;
    height: 100%;
    cursor: pointer;
}
.check_custom .name {
    display: inline-block;
    background: #f6f6f6;
    vertical-align: middle;
    padding: 5px 15px;
    border-radius: 5px;
    font-size: 14px;
}
.check_custom input:checked ~ .name {
    color: #fff;
    background: #0546c7;
}
.check_box {
    display: flex;
    flex-wrap: wrap;
}
.check_box .check_custom {
    margin-bottom: 15px;
    margin-right: 15px;
}